<!--
 * @description  : 特殊区域列表展示组件
 * @descriptionDetail: 特殊区域列表展示组件
 * @copyright    : 浙江烟草
 * @author       : sy
 * @create       : 2022-09-26 15:57:44
-->
<template>
  <view>
    <u-row gutter="16">
      <u-col :span="1">
        <view class="title">
          <u-icon size="20" name="../../../static/storage/icon_qyb.png"></u-icon>
        </view>
      </u-col>
      <u-col span="8" class="u-p-r-30">
        {{ client.entName }}
      </u-col>
      <u-col span="12">
        <view class="sub-title address">
          社会统一信用代码: {{ client.businessLicNo || '' }}
        </view>
      </u-col>
      <u-col span="12">
        <view class="sub-title address">
          企业住所: {{ client.entAddress || '' }}
        </view>
      </u-col>	  
      <u-col span="12">
        <view class="sub-title address">
          法定代表人:{{ client.managerName || '' }}
        </view>
      </u-col>
    </u-row>
  </view>
</template>
<script>
export default {
  name: "EntItem",
  props: {
    client: {
      type: Object,
      default: () => ({}),
    },
  },
  data() {
    return {
      
    }
  },
  created(){
  },
  mounted(){
  },

  methods: {
  },
}
</script>
<style lang="scss" scoped>
.title {
  font-size: 15px;
  color: #666;
  font-weight: 600;
  margin: 5px 10px;
}
.sub-title {
  color: #666;
  margin: 3px 4px;
}
.address{
  padding-left: 4px;
}
.status {
    padding: 2px;
    width: 112rpx;
	height: 56rpx;
	line-height: 48rpx;
    text-align: center;
    border-radius: 28rpx;
    float: right;
    font-size: 24rpx;
  }
  // 灰色
  .status-00 {
    color: #717579;
	background: #EDEEEF;
  }
  // 蓝色
  .status-01 {
    color: #0079F2;
    background: #E0ECFF;
  }
  // 绿色
  .status-02 {
	color: #20AB5C;
	background: #DBF4E6;
  }
</style>
